<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/WEB-INF/facelets/template.xhtml">
        
        <ui:param name="title" value="JadeTalk Login" />
        
        <ui:define name="content">
                        <div id="loginForm">
                            <h3>Login</h3>
                            <h:form>
                                <h:panelGrid columns="2" cellpadding="5">
                                    Username: <h:inputText value="#{loginBackingBean.name}" required="true" label="Username" />
                                    Password: <h:inputSecret value="#{loginBackingBean.password}" required="true" label="Password" />

                                    <h:commandButton value="Login" action="#{loginControllerBean.login}" styleClass="loginButton">
                                        <f:ajax  render="@all" execute="@form" />
                                    </h:commandButton>

                                    <h:outputText value="#{loginBackingBean.message}" />

                                </h:panelGrid>
                            </h:form>
                        </div>
        </ui:define>
    </ui:composition>
    
</html>

